<!--
 * @Author: your name
 * @Date: 2019-11-03 18:23:44
 * @LastEditTime: 2019-11-15 11:06:01
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \结课作业\index.html
 -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<link rel="stylesheet" href="css/1.css">
<link rel="stylesheet" href="./font-awesome-4.7.0/css/font-awesome.css">
<body>
    <div class="dao_hang">
        <ul>
            <li>
                <a href=""><img src="img/logo.png" alt=""></a>
            </li>
            <li><a href="">关于我们</a></li>
            <li><a href="">经营范围</a></li>
            <li><a href="">社会招聘</a></li>
            <li><a href="">校园招聘</a></li>
            <li><a href="">松鼠动画片</a></li>
            <li><a href="">资源小站</a></li>
            <li><a href="">食品创新大赛</a></li>
            <li><a href="">动漫ip授权合作</a></li>
            <ul class="right">
                <li>寻求合作<i class="fa fa-sort-desc" style="color:yellow "></i></li>
                <li class="fa  fa-share-alt " style="color: rgb(219, 183, 22);"></li>
                <li class="fa fa-cloud-download">App </li>
            </ul>
        </ul>
    </div>
    <img class="pm" src="img/ITE_r35_c20.png" alt="">
    <ul class="help">
        <li><a href="">松鼠小店加盟</a></li>
        <li><a href="">产品合作</a></li>
        <li><a href="">品牌合作</a></li>
        <li><a href="">媒体联络</a></li>
        <li><a href="">&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
    </ul>
    <div class="zong">
        <div class="bl" style="display: none;"></div>
        <div class="one"></div>
        <div class="two"></div>
        <div class="three"></div>
        <div class="four"></div>
        <div class="five"></div>
        <div class="six"></div>
        <div class="sevan"></div>
        <div class="eight"></div>
        <div class="nine"></div>
        <div class="ten"></div>
        <div class="eleven"></div>
        <div class="twlven"></div>
        <div class="thrteen"></div>
        <div class="fourteen"></div>
        <div class="w1">
            <div class="l">
                <img src="img/r2_c2.jpg" alt=""><br>
                <br>
                <span style="color: orange;">文化、是三只松鼠品牌的核心竞争力</span>
                <div class="w_a">
                    <span class="b"><span style="color: orange;">Chapter One.</span>品牌介绍</span><br>
                    <span class="w_a_1">01.我们是谁</span><br>
                    <span class="w_a_1 asd">02.成长发展</span>
                </div>
                <div class="w_a">
                    <span class="b"><span style="color: orange;">Chapter Two.</span>品牌特色</span><br>

                    <span class="w_a_1">01.主人文化
                    </span><br>
                    <span class="w_a_1">
                        02.人才观念</span>
                </div>
                <div class="w_a">
                    <span class="b"><span style="color: orange;">Chapter Three.</span>品牌理念</span><br>
                    <span class="w_a_1">01.松鼠使命</span><br>
                    <span class="w_a_1"> 02.松鼠价值观</span>
                </div>
            </div>
            <div class="r" style="display: none;">
                <div class='a_1'>
                    <div style="font-size:16px; font-weight:bold">品牌介绍</div>
                    <div style="font-size:15px; margin-top:40px; font-weight:bold">我们是谁</div>
                    <div style="margin-top:20px;font-size: 14px;">
                        我们是来自松鼠星球的三只松鼠，小贱，小美，小酷，是主人心中的萌宠天团。<br />
                        我们全心全意为主人提供新鲜，健康，具性价比的美食，坚信美食的治愈力量。<br />
                        我们追求极致的用户体验，把顾客当做主人，让主人爽是我们的职责和能力。<br />
                        我们陪伴在主人身边，传播爱与快乐、萌即正能量，为主人创造独特的松鼠世界。<br />
                        发现生活中最单纯的幸福感~
                    </div>
                    <div style="font-size:15px; margin-top:40px; font-weight:bold">成长发展</div>
                    <div style="margin-top:20px;font-size: 14px;">
                        2012年，松鼠老爹创造了三只松鼠，<br />
                        以5个人的创始团队，到3000人的公司，从2012年第一个双11以766万夺冠，至2018年双十一六连冠。<br />
                        到2019年的今天，三只松鼠已满7周岁，我们用自己的努力交出了一份优异的成绩单。<br />
                        未来，路还很长，我们想为主人做得更多、更好<br />
                        为“让天下主人爽起来”的使命而奋斗不息！
                    </div>
                </div>

                <div class="a_1" style="display: none;">
                    <div style="font-size:16px; font-weight:bold">品牌特色</div>
                    <div style="font-size:15px; margin-top:40px; font-weight:bold">主人文化</div>
                    <div style="margin-top:20px;font-size: 14px;" class="hs hs-s">
                        2012年，在中国互联网上，三只松鼠发明了“主人”。<br />
                        在三只松鼠的独特松鼠世界中，主人是我们最尊贵的称谓<br />
                        但它不只是一个“称谓”<br />
                        这个词赋予了我们最重要的使命——“让天下主人爽起来”。<br />
                    </div>
                    <div style="font-size:15px; margin-top:40px; font-weight:bold">人才观念</div>

                    <div style="margin-top:20px;font-size: 14px;" class="hs hs-s">
                        松鼠是中国食品行业的佼佼者，同样也是一所年轻人的学校。<br />
                        我们愿意倾听哪怕1%的声音，同样也会给你101%充实的学习和生活。<br />
                        我们始终愿意相信年轻人，并以培育年轻人和未来的行业人才为己任。<br />
                        在这里，你能够成人与成材，更有热情和勇气的面对生活，向往并创造美好。
                    </div>
                </div>
                <div class="a_1" style="display: none;">
                    <div style="font-size:16px; font-weight:bold">品牌理念</div>
                    <div style="font-size:15px; margin-top:40px; font-weight:bold">松鼠使命</div>
                    <div style="margin-top:20px;font-size: 14px;" class="hs hs-s">
                        让天下主人爽起来；<br />
                        以数字化推动食品产业进步，以IP化促进品牌多元发展<br />
                    </div>
                    <div style="font-size:15px; margin-top:40px; font-weight:bold">松鼠价值观</div>
                    <div style="margin-top:20px;font-size: 14px;" class="hs hs-s">
                        超越主人预期<br />
                        真实<br />
                        奋斗为本<br />
                        创新<br />
                        只做第一<br />
                    </div>
                </div>
            </div>
        </div>
        <div class="w2">
            <div class="r">
                <img src="img/LITE_r4_c6.png" alt="">
                <br>
                <br>
                <span style="color: orange;">品质化的呈现：好吃、好看、好玩</span>
                <div class="w_a">
                    <span class="b"><span style="color: orange;">Chapter One.</span>产品展示</span><br>
                    <span class="w_a_1"><a href="">01.食品系列</a></span><br>
                    <span class="w_a_2"><a href="">02.周边系列</a></span><br>
                    <span class="w_a_2"><a href="">03.跨界合作</a></span>
                </div>

                <div class="w_a">
                    <span class="b"><span style="color: orange;">Chapter Two.</span>一主两翼三侧</span>
                    <br>
                    <span class="w_a_1"> <a href="">01.线上渠道</a></span><br>
                    <span class="w_a_2"><a href="">02.松鼠投食店</a></span><br>
                    <span class="w_a_2"><a href="">03.松鼠小店</a></span><br>
                    <span class="w_a_2"><a href="">04.社交电商</a></span><br>
                    <span class="w_a_2"><a href="">05.新分销</a></span><br>
                    <span class="w_a_2"><a href="">06.松鼠小镇（建设中）</a></span>
                </div>
            </div>
            <div class="l" style="display: none;">
                <div class="a_2" style="display: none;">
                    <div style="font-size:16px; font-weight:bold">产品展示</div>
                    <div style="font-size:15px; margin-top:40px; font-weight:bold;color: #3b3b3b">食品系列</div>
                    <div style="margin-top:30px">
                    <div style="float: left;width: 168px;">
                            <div class="c_m"><span class="b">坚果</span><span class="hs">.大头装</span></div>
                            <div class="c_m"><span class="b">坚果</span><span class="hs">.萌版</span></div>
                            <div class="c_m"><span class="b">坚果</span><span class="hs">.每日坚果</span></div>
                            <div class="c_m"><span class="b">坚果</span><span class="hs">.IP合作款</span></div>
                            <div class="c_m"><span class="b">果干</span><span class="hs">.松鼠云果园</span></div>
                            <div class="c_m"><span class="b">果干</span><span class="hs">.超级水果干</span></div>
                            <div class="c_m"><span class="b">枣类</span><span class="hs">.新疆正品</span></div>
                            <div class="c_m"><span class="b">零食</span><span class="hs">.发现好零食</span></div>
                            <div class="c_m"><span class="b">饮料</span><span class="hs">.</span></div>
                    </div>
                    <div style="float: left;width: 168px;">
                            <div class="c_m"><span class="b">零食</span><span class="hs">.新奇特</span></div>
                            <div class="c_m"><span class="b">零食</span><span class="hs">.小贱零食铺</span></div>
                            <div class="c_m"><span class="b">零食</span><span class="hs">.辣味道馆</span></div>
                            <div class="c_m"><span class="b">零食</span><span class="hs">.中华美食</span></div>
                            <div class="c_m"><span class="b">茶品</span><span class="hs">.小美美妍茶</span></div>
                            <div class="c_m"><span class="b">茶品</span><span class="hs">.小美随身泡</span></div>
                            <div class="c_m"><span class="b">潮礼</span><span class="hs">.森林大礼包</span></div>
                            <div class="c_m"><span class="b">潮礼</span><span class="hs">.坚果大礼包</span></div>
                    </div>
                    </div>
                </div>
                <div class="a_2" style="display: none;">
                    <div style="font-size:16px; font-weight:bold">产品展示</div>
                        <div style="font-size:15px; margin-top:40px; font-weight:bold;color: #3b3b3b">周边系列</div>
                        <div style="margin-top:30px">
                            <p>1.生活+Q系列</p>
                            <div style="overflow: hidden;margin-top: 16px;">
                                <div style="float: left;width:168px;">
                                    <div class="c_n"><span class="hs">01.食物搭档篇</span></div>
                                    <div class="c_n"><span class="hs">03.日常陪伴篇</span></div>
                                    <div class="c_n"><span class="hs">05.入睡好梦篇</span></div>
                                </div>
                                <div style="float: left;width:168px;">
                                    <div class="c_n"><span class="hs">02.抱抱公仔篇</span></div>
                                    <div class="c_n"><span class="hs">04.学习帮手篇</span></div>
                                    <div class="c_n"><span class="hs">06.外出旅行篇</span></div>
                                </div>
                            </div>
                        </div>
                        <div style="margin-top:30px">
                            <p>2.松鼠潮牌系列</p>
                            <div style="overflow: hidden;margin-top: 16px;">
                                <div style="float: left;width:168px;">
                                    <div class="c_n"><span class="hs">01.个性外套</span></div>
                                    <div class="c_n"><span class="hs">03.衬衫腔调</span></div>
                                    <div class="c_n"><span class="hs">05.帽子戏法</span></div>
                                </div>
                                <div style="float: left;width:168px;">
                                    <div class="c_n"><span class="hs">02.潮流卫衣</span></div>
                                    <div class="c_n"><span class="hs">04.T恤态度</span></div>
                                    <div class="c_n"><span class="hs">06.饰品潮搭</span></div>
                                </div>
                            </div>
                        </div>
                </div>
                <div class="a_2" style="display: none;">
                    <div style="font-size:16px; font-weight:bold">产品展示</div>
                        <div style="font-size:15px; margin-top:40px; font-weight:bold;color: #3b3b3b">跨界合作系列</div>
                        <div style="margin-top:30px">
                            <p>1.IP合作款</p>
                            <div style="overflow: hidden;margin-top: 16px;">
                                <div style="float: left;width:168px;">
                                    <div class="c_n"><span class="hs">01.微微一笑很坚果</span></div>
                                    <div class="c_n"><span class="hs">03.小团圆月饼礼盒</span></div>
                                    <div class="c_n"><span class="hs">05.童年零食系列</span></div>
                                </div>
                                <div style="float: left;width:168px;">
                                    <div class="c_n"><span class="hs">02.大鱼海棠礼盒</span></div>
                                    <div class="c_n"><span class="hs">04.喵吱糖</span></div>
                                    <div class="c_n"><span class="hs">06.变形金刚合作款</span></div>
                                </div>
                            </div>
                        </div>
                        <div style="margin-top:30px">
                            <p>2.设计定制款</p>
                            <div style="overflow: hidden;margin-top: 16px;">
                                <div style="float: left;width:168px;">
                                    <div class="c_n"><span class="hs">01.红松鼠礼盒</span></div>
                                    <div class="c_n"><span class="hs">03.垦丁的晚霞</span></div>
                                    <div class="c_n"><span class="hs">05.一只小粽粽</span></div>
                                </div>
                                <div style="float: left;width:168px;">
                                    <div class="c_n"><span class="hs">02.锦礼礼盒</span></div>
                                    <div class="c_n"><span class="hs">04.可可颂</span></div>
                                </div>
                            </div>
                        </div>

            </div>
            </div>
        </div>
    <div class="w3">
            <div class="l">
                <img src="img/LITE_r12_c3.png" alt="">
                <br>
                <br>
                <span style="color: orange;">和我们一起,实现自己的梦想,
                    创造独特的松鼠世界</span>
                <div class="w_a">
                    <span class="b"><span style="color: orange;">Chapter One.</span>松鼠窝展示</span><br>
                    <span class="w_a_1"> <a href="">01.环境展示</a></span>

                </div>

                <div class="w_a">
                    <span class="b"><span style="color: orange;">Chapter Two.</span>我们需要你</span><br>
                    <span class="w_a_1"><a href="">01.松鼠窝招聘</a></span>
                </div>
            </div>
            <div class="r" style="display: none;">
                <div >松鼠窝展示</div>
                    <div class="b" style="margin-top:46px">环境展示</div>
                    <div>
                        <div style="margin-top:20px; float:left; margin-right:20px; width:136px">
                            <div><img src="img/1.png"></div>
                            <div style="margin-top:5px; text-align:center" class="hs">爱廉说展厅</div>
                        </div>
                        <div style="margin-top:20px; float:left; margin-right:20px; width:136px">
                            <div><img src="img/2.png"></div>
                            <div style="margin-top:5px; text-align:center" class="">松鼠洗脑院</div>
                        </div>
                        <div style="margin-top:20px; float:left; margin-right:20px; width:136px">
                            <div><img src="img/3.png"></div>
                            <div style="margin-top:5px; text-align:center" class="">神农试吃堂</div>
                        </div>
                        <div style="margin-top:20px; float:left; margin-right:20px; width:136px">
                            <div><img src="img/4.png"></div>
                            <div style="margin-top:5px; text-align:center" class="">天空农场</div>
                        </div>
                        <div style="margin-top:20px; float:left; margin-right:20px; width:136px">
                            <div><img src="img/5.png"></div>
                            <div style="margin-top:5px; text-align:center" class="">鼠味相投</div>
                        </div>
                        <div style="margin-top:20px; float:left; margin-right:20px; width:136px">
                            <div><img src="img/6.png"></div>
                            <div style="margin-top:5px; text-align:center" class="">旋转滑梯</div>
                        </div>
                        <div style="margin-top:20px; float:left; margin-right:20px; width:136px">
                            <div><img src="img/7.png"></div>
                            <div style="margin-top:5px; text-align:center" class="">松鼠嘿咻馆</div>
                        </div>
                        <div style="margin-top:20px; float:left; margin-right:20px; width:136px">
                            <div><img src="img/8.png"></div>
                            <div style="margin-top:5px; text-align:center" class="">水+轻食吧</div>
                        </div>
                        <div style="margin-top:20px; float:left; margin-right:20px; width:136px">
                            <div><img src="img/9.png"></div>
                            <div style="margin-top:5px; text-align:center" class="">森林氧吧</div>
                        </div>
                    </div>
            </div>
    </div>
    <div class="w4">
            <div class="r">
                <img src="img/LITE_r26_c9.png" alt=""><br>
                <br>
                <span style="color: orange;">他们眼中的松鼠,和松鼠眼中的世界</span>
                <div class="w_a">
                    <span class="b"><span style="color: orange;">Chapter One.</span>公共媒体新闻</span><br>
                    <span class="w_a_1"><a href="">01.平面媒体</a></span><br>
                    <span class="w_a_1"><a href="">02.Online媒体</a></span><br>
                    <span class="w_a_1"><a href="">03.独立媒体及追萌族主人</a></span>
                </div>
            </div>
            <div class="l" style="display: none;">
                <div style="font-size:16px; font-weight:bold;">平面媒体</div>
                    <div style="margin-top:20px;">
                        <p style="margin-top:20px;font-size: 14px;"><a style="color: gray;" href="" >01.安徽省文化厅厅长袁华莅临三只松鼠考察调研</a></p>
                        <p style="margin-top:15px;font-size: 14px;"><a style="color: gray;" href="" >02.关于有人冒充我司员工实行诈骗行为的重大事…</a></p>
                        <p style="margin-top:15px;font-size: 14px;"><a style="color: gray;" href="" >03.国家食品药品监管总局刘佩智同志来松鼠就食…</a></p>
                    </div>
                    <div style="font-size:16px; font-weight:bold;margin-top:30px;">Online媒体</div>
                    <div style="margin-top:20px;">
                        <p style="margin-top:20px;font-size: 14px;"><a style="color: gray;" href="" >01.三只松鼠章燎原：全行业共创坚果行业的双十…</a></p>
                        <p style="margin-top:15px;font-size: 14px;"><a style="color: gray;" href="" >02.携手91桌面 | 吃货轰趴季火三只松鼠爆来袭…</a></p>
                        <p style="margin-top:15px;font-size: 14px;"><a style="color: gray;" href="" >03.三只松鼠发展获点赞</a></p>
                       
                    </div>
                    
                    <div style="font-size:16px; font-weight:bold;margin-top:30px;">独立媒体及追萌族主人</div>
                    <div style="margin-top:20px;">
                        <p style="margin-top:20px;font-size: 14px;"><a style="color: gray;" href="" >01.《新华网》：三只松鼠“双十一”销售额突破5…</a></p>
                        <p style="margin-top:15px;font-size: 14px;"><a style="color: gray;" href="" >02.《凤凰芜湖》：5.08亿！芜湖电商三只松鼠双十…</a></p>
                        <p style="margin-top:15px;font-size: 14px;"><a style="color: gray;" href="" >03.《电商在线》独家 | 章燎原：萌贱之后 三只松…</a></p>
                    </div>

            </div>
    </div>
    <div class="w5">
            <div class="l">
                <img src="img/LITE_r30_c3.png" alt="">
                <br>
                <br>
                <span style="color: orange;">这里有更多奇趣内容,等你探索</span>
                <div class="w_a">
                    <span class="b"><span style="color: orange;">Chapter One.</span>动漫系列</span><br>
                    <span class="w_a_1"><a href="">01.三只松鼠动画片第一季</a></span><br>
                    <span class="w_a_1"><a href="">02.三只松鼠第二季</a></span><br>
                    <span class="w_a_1"><a href="">03.贱萌三国</a></span><br>
                    <span class="w_a_1"><a href="">04.松鼠嗑壳课</a></span><br>
                    <span class="w_a_1"><a href="">05.奋斗吧！松鼠小贱</a></span>
                </div>
                

            </div>
            <div class="r">
                    <div class="w_a">
                        <span class="b"><span>Chapter Two.</span>互动内容</span><br>
                        <span class="w_a_1"><a href="">01.松鼠主题壁纸</a></span><br>
                        <span class="w_a_1"><a href="">01.松鼠表情包</a></span>
                    </div>
                    <div class="w_a">
                        <span class="b"><span>Chapter Three.</span>版权引用</span><br>
                        <span class="w_a_1"><a href="">01.松鼠商标</a></span>
                    </div>
                </div>
    </div>
    </div>
    <div class="gi">
        <div class="g1">
        <img src="img/zhuren.png" alt="">
        <img src="img/LITE_r32_c11.png" alt="">
        <br>
        <br>
        <span style="color: orange; position: absolute; top: 250px;left: 46%;">综艺合作</span><br>
        <span style="position: absolute; top: 290px; left:46% ;" >IP热播好剧,明星大咖综艺中,总会出现小小的我们,和爱豆同框<br>
                卖萌,让主人会心一笑,轻松快乐~</span>
        </div>
    </div>
    <img src="img/long.jpg" alt="" class="op">
    <div class="bottom">
            <div class="bottom_a">
                <img style="float: left;" src="img/ITE_r32_c2.png" alt="">
                <div class="yh">
                    <div class="gh">
                        <ul>
                            <li>来自松鼠的服务</li>
                            <li>在线调戏</li>
                            <li>主人来找茬</li>
                            <li>电子发票查询</li>
                        </ul>
                        <ul>
                            <li>合作项目</li>
                            <li>大客户团购</li>
                            <li>商务合作</li>
                            <li>媒体访问</li>
                        </ul>
                        <ul>
                            <li>其他</li>
                            <li>松鼠廉政</li>
                            <li>免责声明</li>
                            <li>相关网址</li>
                        </ul>
                        <img src="img/ITE_r35_c20.png" alt="">
                        <img class="fg" src="img/ITE_r33_c29.png" alt="">
                    </div>
                    <div class="sp">
                        <img src="img/LITE_r41_c7.png" alt="">
                        <span>松鼠星球主人服务热线：
                            <span>400-800-4900</span>
                        </span>
                    </div>
                </div>
                <img class="gk" src="img/LITE_r40_c35.png" alt="">
            </div>
        </div>
    <script src="js/jquery-2.1.0.js"></script>
    <script src="./js/1.js"></script>
</body>
</html>